body { font: 10pt "Tahoma", "Arial", sans-serif; color: #09202b;; background-color: #fff; background-image: url('../images/bg.png'); margin: 0; padding: 0; margin-bottom: 20px; overflow-x: hidden; }
img { border: none; }
h1 { font-size: 1.35em; float: left; margin: 0; padding-top: 0.3em; padding-left: 1em; padding-bottom: 0.5em; }
a { text-decoration: underline; color: #13a2ec; }
a:hover { text-decoration: none; color: #09202b; }

/* User panel */
#user-panel { float: right; margin-right: -4px; margin-top: -4px; border-radius: 4px; padding: 10px 15px 7px 15px; font-weight: bold; color: #09202b; background: rgb(19,162,236); background-color: rgba(19,162,236,0.85); }
#user-panel a { display: inline-block; width: 16px; height: 16px; margin-left: 5px; margin-bottom: -3px; color: #09202b; background-image: url('../images/logout.png'); }
#user-panel a:hover { text-decoration: none; background-image: url('../images/logout_active.png'); }
#user-panel img { text-decoration: none; }

/* Page wrapper */
#page-wrapper {margin-left: 60px; margin-top: 20px; }

/* Menu */
#header-corner { position: absolute; left: 60px; top: 49px; opacity: 0.85; }
#menu-wrapper { margin-left: 47px; width: 100%; height: 130px; background-color: rgb(19,162,236); background-color: rgba(19,162,236,0.85); }
#logo { float:left; margin-top: 35px; margin-right: 40px; }
#menu { float:left; margin: 0; padding: 0; }
#menu:last-child { border-right: 1px solid #107fb9; padding-right: 4px; }
#menu li { list-style: none; display: inline-block; margin-right:-4px; border-left: 1px solid #107fb9; }
#menu li a { width: 96px; display: block; text-decoration: none; transition-duration: 600ms; -moz-transition-duration: 600ms; -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; }
#menu li a:hover { background-color: rgb(19,162,236); transition-duration: 600ms; -moz-transition-duration: 600ms; -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; }
#menu li a img { padding: 0px 25px 1px 25px; }
#menu li a div { text-align: center; font-weight: bold; height: 30px; color: #000; padding: 5px; }
#menu .active { background-color: rgb(19,162,236); }

/* Header and Submenu*/
#header-line { width: 100%; height: 31px; background-color: rgb(182,226,249); background-color: rgba(182,226,249, 0.85); }
#submenu { float: right; margin: 0; padding: 0; }
#submenu li { list-style: none; display: inline-block; margin-right:-4px; border-left: 1px solid #68a7c8; }
#submenu li a { color: #09202b; text-decoration: none; font-weight: bold; display: block; padding: 7px 12px 7px 4px; transition-duration: 600ms; -moz-transition-duration: 600ms; -webkit-transition-duration: 600ms; -o-transition-duration: 600ms;}
#submenu li a:hover { background-color: rgb(182,226,249); transition-duration: 600ms; -moz-transition-duration: 600ms; -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; }
#submenu li a.submenu-active { background-color: rgb(182,226,249); }
#submenu .submenu-title { display: inline-block; }
#submenu .ui-icon { display: inline-block; }
#submenu .dark-icon { margin-bottom: -2px; background-image: url('/CMS/css/overcast/images/ui-icons_222222_256x240.png'); display: inline-block; }
                
/* Content */
#content-wrapper { background-color: white; padding: 1.5em; }

/* Ajax */
#ajax-spinner { width: 31px; height: 31px; background: url('../images/spinner.gif') no-repeat 50% 50%; font-size: 0; z-index: 123456; display: none; }
#ajax-bar { width: 128px; height: 15px; background: url('../images/ajax-bar.gif') no-repeat 50% 50%; font-size: 0; z-index: 123456; display: none; }

/* Chybove hlasky */
div.flashmessage { color: black; background: #8bee71 url('../images/msg_info.png') left center no-repeat; border: 1px solid #2bca00; padding: 1em; padding-left: 30px; }
div.error { background: #f88c8c url('../images/msg_error.png') left center no-repeat ; border: 1px solid #f43030; }
ul.error { color: black; background: #f88c8c url('../images/msg_error.png') left center no-repeat; border: 1px solid #f43030; padding: 1em; margin: 0; margin-left: -15px; margin-top: -15px; padding-left: 30px; }
ul.error li { list-style: none; }
a[href^="error:"] { background: red; color: white; }

/* Live validation */
.required label:before { content: '*'; }
.form-control-message { color: #ff0000; background-color: #f88c8c; border: 1px solid #f43030; }
.form-error-message { margin-left: 10px; color: #ff0000; }

/* Forms */
form th { text-align: left; }
form th, form td { padding-right: 10px; }
form input { width: 190px; border: 1px solid #13a2ec; border-radius: 2px; color: #09202b; padding: 5px 5px; }
form textarea { width: 300px; border: 1px solid #13a2ec; border-radius: 2px; color: #09202b; padding: 5px 5px; }
form select { width: 202px; border: 1px solid #13a2ec; border-radius: 2px; color: #09202b; padding: 5px 5px; }
form .button { width: 200px; background-color: rgb(182,226,249); border: 2px solid #09202b; border-radius: 2px; padding: 5px 0; cursor: pointer; font-weight: bold; }
form .button:hover { background-color: #13a2ec; }

/* Login form */
#login-form { margin: 200px auto; border-bottom: 1px solid #13a2ec; border-top: 1px solid #13a2ec; width: 500px; border-radius: 20px; background-color: rgb(19,162,236); background-color: rgba(19,162,236,0.85); }
#login-logo { width: 100%; height: 110px; background: url('../images/logo.png') center no-repeat; }
#login-form-wrapper { background-color: #fff; padding: 15px 0 15px 15px; margin-bottom: 20px; }

/* Footer */
#footer-corner { float: left; opacity: 0.85; }
#footer { height: 32px; background: rgb(19,162,236); background-color: rgba(19,162,236,0.85); margin-left: 21px; text-align: center; line-height: 32px; }

/* obecne nastaveni */
.clearfix { clear: both; }
.a-button { display: block; text-align: center; width: 200px; text-decoration: none; color: #09202B; background-color: rgb(182,226,249); border: 2px solid #09202b; border-radius: 2px; padding: 5px 0; font-weight: bold; }
.a-button:hover { background-color: #13a2ec; }
.heading-link { color: #107fb9; }

/* Gridito */
.gridito { width: 1180px; }
.gridito-table td { padding: 0.2em 0.5em; }
.gridito .ui-button-text { padding: 0.2em; }

/* Prava */
#user-rights { list-style-type: none;  padding-left: 0; }
#user-rights a { text-decoration: none; color: black; }
#user-rights a:hover { text-decoration: underline; color: #13a2ec; }
#user-rights > li { list-style-type: none; margin-top: 20px; }
#user-rights > li > span { font-size: 13pt; font-weight: bold; }

#user-rights .acl-button { display: inline-block; font-size: 11pt; }

#user-rights .user-rights-resources { list-style-type: none; padding-left: 40px; margin-top: 15px; }
#user-rights .user-rights-resources > li { margin-top: 5px; }
#user-rights .user-rights-resources > li > span { font-size: 11pt; font-weight: bold; }

#user-rights .user-rights-operations { list-style-type: none; font-size: 11pt; padding-left: 20px; margin-top: 5px; }
#user-rights .user-rights-operations > li { display: block; height: 25px; }
#user-rights .user-rights-operations a { color: black; display: inline-block; padding-left: 20px; }

#user-rights .acl-deny { background: url('../images/status_on_small.png') no-repeat left bottom; }
#user-rights .acl-deny:hover { background: url('../images/status_off_small.png') no-repeat left bottom; }
#user-rights .acl-allow { background: url('../images/status_off_small.png') no-repeat left bottom; }
#user-rights .acl-allow:hover { background: url('../images/status_on_small.png') no-repeat left bottom; }

/* Update */
span.update-succ { color: #2bca00; font-weight: bold; }
span.update-fail { color: #f43030; font-weight: bold; }
div.updater-status { display: inline-block; }
div.status-bar { display: inline-block; width: 128px; height: 15px; background: url('../images/ajax-bar.gif') no-repeat 50% 50%; font-size: 0; z-index: 123456; }

/* Log */
.user-logDiv { display: none; }
.user-logLink { cursor: pointer; }